<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*对box中所有元素进行编号*/
        /*这样找不到的*/
       /* .box p:first-child{
            background-color: #ff6700;
        }
        .box p:nth-child(1){
            background-color: #ffdd90;
        }
        /*找的到*/
        /*.box p:nth-child(2){
            background-color: #b0b0b0;
        }
        /*对box中的每一类元素进行编号*/
        /*.box p:first-of-type{
            background-color: darkgoldenrod;
        }*/
        .box p:nth-of-type(3n){
            background-color: #ff6700;
        }
    </style>
</head>
<body>
<div class="box">
    <h3>我是标题</h3>
    <p>第1个p</p>
    <p>第2个p</p>
    <p>第3个p</p>
    <p>第4个p</p>
    <p>第5个p</p>
    <p>第6个p</p>
    <p>第7个p</p>
    <p>第8个p</p>

</div>

</body>
</html>